<script setup>
  import {Pointer} from "@element-plus/icons-vue";

  const props = defineProps({
    icon: {
      type: String,
      required: true,
    },
    title: {
      type: String,
      required: true,
    }

  });
</script>

<template>
    <div class="honor-item">
        <div class="honor-item-icon">
            <img :src="icon" width="100%" alt="Honor Icon" />
        </div>
      <h4 class="text-center">{{ title }}</h4>
    </div>
</template>

<style scoped>
.honor-item{
  background-color: #f5f5f5;
  margin-bottom: 20px;
  &:hover{
    border: 1px solid #e5e5e5;
  }
}

</style>
